//先知豆
import React, { Component } from 'react'
import {
    View,
    Text,
    TouchableOpacity,
    Image,
    TextInput,
} from 'react-native';

import { walletStyle as styles } from '../../../../../styles';
import Icon from 'react-native-vector-icons/Ionicons';
var Dimensions = require('Dimensions');
var width = Dimensions.get('window').width;
var height = Dimensions.get('window').height;




export default class Wallet_xbody extends Component {
    render() {
        return (
            <View style={styles.wal_body}>
                <View style={[styles.wal_eve2, {
                    width: width * 0.9,
                }]}>
                    <View style={styles.wal_top2}>
                        <Text style={styles.wal_text4}>1元=1先知豆支付</Text>
                        <Text style={styles.wal_text3}>先知豆可用于购买提升招聘效果的道具，如电话，简历等。</Text>
                        <Image source={require('../../../../img/app/dou.png')} style={styles.dou2} />
                    </View>

                    <View style={styles.wal_bot2}>
                        <Text style={styles.wal_text5}>充值金额</Text>
                        <View style={styles.wal_botu}>
                            <Icon
                                name={'logo-yen'}
                                size={25}
                                color={'#444444'} />
                                <TextInput underlineColorAndroid={'transparent'}
                                placeholder={'请输入充值金额'} autoFocus={true}
                                style={[styles.wal_input1,{width:width*0.7}]}/>
                        </View>
                    </View>
                </View>

                <TouchableOpacity activeOpacity={1}
                onPress={() => { this.props.navigation.navigate('Wallet_pay') }}
                style={[styles.button,{width:width*0.9}]}>
                    <Text style={styles.buttonin}>下一步</Text>
                </TouchableOpacity>

            </View>

        )
    }
}